<template>
	<view class="notice">
		<view class="notice-title">
			山东东方华龙工贸集团网上订餐通知公告
		</view>
		<view v-html="noticeData" class="notice-cont"></view>
	</view>
</template>

<script>
	import {
		getNotice
	} from '@/api/home.js'
	export default {
		data() {
			return {
				noticeData: ''
			}
		},
		mounted() {
			this.getNoticeHttp()
		},
		methods: {
			// 获取通知公告
			getNoticeHttp() {
				let _this = this;
				getNotice().then(res => {
					if (res.success) {
						_this.noticeData = res.data ?? ''
					} else {
						_this.noticeData = ''
					}
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.notice {
		padding: 40rpx;
		font-size: 32rpx;
		height: 100%;
		display: flex;
		flex-direction: column;

		.notice-title {
			font-weight: bold;
			text-align: center;
			margin: 0 auto 40rpx;
		}
		
		.notice-cont{
			flex:1;
			overflow: auto;
			line-height: 60rpx;
			padding-bottom: 160rpx;
		}
	}
</style>